<!DOCTYPE HTML>
<!--//
This web page has been developed by Wani.
 - me@wani.kr
 - http://wani.kr
-->
<html>
<head>
<title><?php echo $title ?></title>

<meta charset="UTF-8" />

<!--[if lt IE 9]>
<script src="<?php echo $library ?>/js/html5shiv.js"></script>
<![endif]-->

<link rel="stylesheet" href="<?php echo $library ?>/css/wandu.css" />

</head>
<body>
<!-- header -->
<header>
	<div class="wrap">
		<h1>Welcome to <abbr title="Wani can do Everything">Wandu</abbr> Framework.</h1>
		<ul>
			<li>Introduce</li>
			<li>Wandu PHP Core</li>
			<li>Wandu CSS</li>
			<li>jQuery Wandu</li>
		</ul>
	</div>
</header>
<!-- Introduce -->
<section>
	<div class="wrap">
		<h2 id="introduce">Introduce</h2>
		<p>안녕하세요, 완두는 PHP5.2버전에서 제작된 MVC Pattern을 지원하는 웹프레임워크입니다. 코드이그니터에서 오랜작업을 해왔던 터라 상당수 많은 부분이 코드이그니터와 비슷하다는 것을 느낄 수 있을 겁니다. 더 빠른 속도, 더 우아한 코드, 더 자유로운 확장성에 촛점을 두고 작업을 하게 되었습니다.</p>
		<section class="in-wrap">
			<h3>내장 Library</h3>
			<p>완두는 기본적으로 다음 라이브러리들로 구성되어 있습니다. 각 라이브러리의 원본으로 링크를 걸어놨으며, Wandu가 포함된 라이브러리의 경우 직접 작성한 라이브러리입니다.</p>
			<article class="grid3">
				<h4>PHP</h4>
				<ul>
					<li>Wandu Core</li>
				</ul>
			</article>
			<article class="grid3">
				<h4>CSS</h4>
				<ul>
					<li>Wandu CSS</li>
				</ul>
			</article>
			<article class="grid3">
				<h4>JavaScript</h4>
				<ul>
					<li><a href="http://code.google.com/p/html5shim" target="_blank">html5shim</a></li>
					<li><a href="http://modernizr.com" target="_blank">Modernizr</a></li>
					<li><a href="http://code.google.com/p/google-code-prettify" target="_blank">Google Prettify</a></li>
				</ul>
			</article>
			<article class="grid3">
				<h4>jQuery</h4>
				<ul>
					<li><a href="http://jquery.com" target="_blank">jQuery 1.9.0 Core</a></li>
					<li>jQuery Wandu</li>
				</ul>
			</article>
		</section>
	</div>
</section>
<!-- Wandu PHP Core -->
<section>
	<div class="wrap">
		<h2>Wandu PHP Core</h2>
		<article class="grid6">
			<h3>설치법</h3>
			<code>$home_addr;</code>
			<p>이 변수는 설치된 프로그램의 경로를 지정합니다. 앞에 http는 제외하시고 웹에서 접근가능한 주소를 적어주시면 됩니다. (마지막 슬래쉬 제외) 현재 테스트 페이지를 여는데는 이상이 없지만 앞으로 많은 기능들을 편리하게 사용하기 위해서는 제대로 적어주시는 것이 좋습니다.</p>
			<code>$system_path;$app_path;</code>
			<p>이 두 변수는 각각 기본 폴더인 system폴더와 application폴더의 주소를 가르키고 있습니다. 이 두폴더는 웹에서 직접 접근할 필요가 없어 자체적인 .htaccess를 통해 접근을 막아놓긴 했지만, 보안상 웹 root의 하위 폴더에 지정해놓으면 더 안전하게 이용하실 수 있습니다.</p>
		</article>
	</div>
</section>
<!-- Wandu CSS -->
<section>
	<div class="wrap">
		<h2 id="admin">Wandu CSS</h2>
		<section class="in-wrap">
			<h3>Grid Example</h3>
			<p>1020px 12단 그리드를 사용할수 있도록 하였습니다.</p>
			<article class="grid6">
				helo
			</article>
			<article class="grid6 ">
				<div class="in-wrap">
					<div class="grid1">1</div>
					<div class="grid1">2</div>
					<div class="grid1">3</div>
					<div class="grid1">4</div>
					<div class="grid1">5</div>
					<div class="grid1">6</div>
					
				</div>
				
			</article>
		</section>
		<section class="in-wrap">
			<h3>Form Example</h3>
			<p>Form은 Bootstrap의 둥글둥글한 느낌을 가지고 왔으며, 위의 Grid시스템을 그대로 폼 내부에서 사용하도록 작업하였습니다.</p>
			<article class="grid6">
				<pre class="prettyprint linenums">
<?php
$contents = <<<EOD
<form>
	<fieldset>
		<legend>Legend</legend>
		<div>
			<label for="inputName"><strong>*</strong> Name</label>
			<div class="controls">
				<input type="text" name="name" id="inputName" />
			</div>
		</div>
		<div>
			<label for="inputNick">Code</label>
			<div class="controls">
				<div class="in-wrap">
					<input type="text" name="name" id="inputNick" class="grid1" />
					<input type="text" name="name" id="inputNick" class="grid1" />
					<label class="grid1">설명...</label>
				</div>
			</div>
		</div>
		<div>
			<label>Checkbox</label>
			<div class="controls">
				<label><input type="checkbox" name="chk" /> check1</label>
...
			</div>
		</div>
		<div>
			<label>Radio</label>
			<div class="controls">
				<label><input type="radio" name="rdo" /> radio1</label>
				<label><input type="radio" name="rdo" /> radio2</label>
				<label><input type="radio" name="rdo" /> radio3</label>
			</div>
		</div>
	</fieldset>
	<div class="submit">
		<button>Submit</button>
	</div>
</form>
EOD;
echo htmlspecialchars($contents);
?>
</pre>
			</article>
			<form class="grid6">
				<fieldset>
					<legend>Legend</legend>
					<div>
						<label for="inputName"><strong>*</strong> Name</label>
						<div class="controls">
							<input type="text" name="name" id="inputName" />
						</div>
					</div>
					<div>
						<label for="inputNick">Nick</label>
						<div class="controls">
							<div class="in-wrap">
								<input type="text" name="name" id="inputNick" class="grid1" />
								<input type="text" name="name" id="inputNick" class="grid1" />
								<label class="grid1">설명...</label>
							</div>
						</div>
					</div>
					<div>
						<label>Checkbox</label>
						<div class="controls">
							<label><input type="checkbox" name="chk" /> check1</label>
							<label><input type="checkbox" name="chk" /> check2</label>
							<label><input type="checkbox" name="chk" /> check3</label>
							<label><input type="checkbox" name="chk" /> check4</label>
							<label><input type="checkbox" name="chk" /> check5</label>
							<label><input type="checkbox" name="chk" /> check6</label>
							<label><input type="checkbox" name="chk" /> check7</label>
							<label><input type="checkbox" name="chk" /> check8</label>
							<label><input type="checkbox" name="chk" /> check9</label>
						</div>
					</div>
					<div>
						<label>Radio</label>
						<div class="controls">
							<label><input type="radio" name="rdo" /> radio1</label>
							<label><input type="radio" name="rdo" /> radio2</label>
							<label><input type="radio" name="rdo" /> radio3</label>
						</div>
					</div>
				</fieldset>
				<div class="submit">
					<button>Submit</button>
				</div>
			</form>	
		</section>
		<section class="in-wrap">
			<h3>Table Example</h3>
			<p>Form은 Bootstrap의 둥글둥글한 느낌을 가지고 왔으며, 위의 Grid시스템을 그대로 폼 내부에서 사용하도록 작업하였습니다.</p>
			<article class="grid6">
				<pre class="prettyprint linenums">
&lt;form class="grid6"&gt;
&lt;/form&gt;</pre>
			</article>
			<table class="grid6">
				<thead>
					<tr>
						<th>d</th>
						<th>d</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>a</td>
						<td>a</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<td>b</td>
						<td>b</td>
					</tr>
				</tfoot>
			</table>
	

		</section>
	</div>
</section>


<!-- jQuery Wandu -->
<section>
	<div class="wrap">
		<h2 id="admin">Administrator Plugin</h2>
		<p>완두는 PHP Framework로서 이 플러그인 없이도 사용이 가능합니다. 다만 조금더 간단하게 웹을 구축하고자 할때 이 관리자를 설치하면 더 편리하게 사용할 수 있습니다. 기본으로는 Member App이 내장되어 있으며 원하시면 _apps폴더에 필요한 관리자 App들을 다운받아 사용할 수 있습니다.</p>
		<a href="<?php echo $href ?>/../install">[설치바로가기]</a>
		<p>Blowfish의 경우 원하느 값으로 반드시 한번 수정하여 주시고, key값은 자동으로 그때마다 다르게 Generate됩니다.</p>
	</div>
</section>


<footer>
	<div class="wrap">
		<p class="border-top">더 자세한 정보를 얻고 싶으시면 개발자의 웹페이지를 방문해 주세요. <a href="http://wani.kr">wani.kr</a></p>
	</div>
</footer>

<script src="<?php echo $library?>/js/prettify.min.js"></script>

</body>
</html>